<template>
  <f7-page>
    <f7-navbar title="商家入驻" back-link=" "></f7-navbar>
    <p class="tips-p">提示：提交认证即视为承诺以上信息属实，并对虚假信息产生的后果负责。</p>

    <f7-list>
      <f7-list-item title="真实姓名" after="杨红梅"></f7-list-item>
      <f7-list-item title="证件号" after="1234567890"></f7-list-item>
    </f7-list>

    <div class="upload-box">
      <div class="file-position">
        <div>
          <p>上传证件照正面</p>
          <p>上传的图片大小控制在3M以内！</p>
        </div>
        <input type="file" @change="uploadImg($event, 1)">
      </div>
      <div class="file-position">
        <div>
          <p>上传证件照背面</p>
          <p>上传的图片大小控制在3M以内！</p>
        </div>
        <input type="file" @change="uploadImg($event, 2)">
      </div>
    </div>
    <f7-button fill color="blue" large round>立即支付</f7-button>
  </f7-page>
</template>

<script>
  export default {
    name: "merchants-settled",
    methods: {
      uploadImg(e, type) {

      }
    }
  }
</script>

<style scoped lang="scss">
  .tips-p {
    padding: $padding20;
    color: $colorGrey;
  }
  .upload-box {
    margin-top: $padding;
  }
  .button {
    width: 80%;
    margin: $padding auto;
  }
</style>
